<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>禾数应聘</title>

<link rel='stylesheet' href="css/bootstrap.css">
<style>
    .body{ border:0px; padding:0px}
    .logoimg{ background:url(images/logo.png) no-repeat center; width:90px; height:40px;}
	.navbar { background:#ccc;}
	.content { background:#38eeec; height:500px; margin:0 auto; padding:60px; width:50%;}
	.col-right { text-align:right}
	#sel_menu2 { height:26px;}
</style>
<script src='http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js'></script>
<script src="js/bootstrap.js"></script>
<script src="~/Content/select2-master/dist/js/select2.js"></script>
<link href="~/Content/select2-master/dist/css/select2.css" rel="stylesheet" />
<link href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css"
		rel="stylesheet">
		<link rel="stylesheet" type="text/css" media="all" href="daterangepicker-bs3.css"
		/>
<script type="text/javascript" src="js/moment.js">
		</script>
		<script type="text/javascript" src="js/daterangepicker.js">
		</script>		
</head>

<body>
  <nav class="navbar navbar-default" role="navigation">
  <div class="container">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand logoimg" href="#"></a>
    </div>

    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
      <ul class="nav navbar-nav">
        <li class="active"><a href="#">首页</a></li>
        <li><a href="#">产品介绍</a></li>
        <li><a href="#">关于我们</a></li>
      </ul>
      <form class="navbar-form navbar-right" role="search">
        <div class="form-group">
          <input type="text" class="form-control" placeholder="username">
         
          <input type="password" class="form-control" placeholder="password">
          
        </div>
      
        <button type="submit" class="btn btn-default">登录</button>
      </form>
    </div><!-- /.navbar-collapse -->
  </div><!-- /.container-fluid -->
</nav>
<!--账户 begin-->
<div class="content">
   <div>
       <label class="col-md-3 col-right">账户：</label>
       <input class="col-md-5" type="text">
       <select id="sel_menu2" multiple="multiple" class="form-control col-md-4">
         <optgroup label="学生">
              <option value="1">小学生</option>
              <option value="2">初中生</option>
              <option value="3">高中生</option>
              <option value="4">本科生</option>
              <option value="5">研究生</option>
              <option value="6">博士生</option>
         </optgroup>
         <optgroup label="老师">
              <option value="1">小学老师</option>
              <option value="2">初中老师</option>
              <option value="3">高中老师</option>
              <option value="4">大学老师</option>
         </optgroup>
</select>
   </div>   <!--账户 end-->
   <br>
    <!--注册时段 begin-->
   <div>
       <label class="col-md-3 col-right">注册时段：</label>
       <form class="form-horizontal col-md-9">
						<fieldset>
							<div class="control-group">
								<div class="controls">
									<div class="input-prepend input-group">
										<span class="add-on input-group-addon">
											<i class="glyphicon glyphicon-calendar fa fa-calendar">
											</i>
										</span>
										<input type="text" style="width: 200px" name="birthday" id="birthday"
										class="form-control" value="03/18/2013" />
									</div>
								</div>
							</div>
						</fieldset>
					</form>
					<script type="text/javascript">
						$(document).ready(function() {
							$('#birthday').daterangepicker({
								singleDatePicker: true
							},
							function(start, end, label) {
								console.log(start.toISOString(), end.toISOString(), label);
							});
						});
					</script>
   </div>
   
   <!--注册时段 end-->
   <!--状态  begin-->
   <div>
       
   </div>
   <!--账户 end-->
</div>
<script src="http://www.jq22.com/js/jq.js"></script>
</body>
</html>